<!DOCTYPE html>
<html>
<head>
	<title>
		Inventory
	</title>
	<style>
		table
		{
			border-collapse:collapse;
			border:2px solid grey;
			font-family:Calibri;
		}
		th,td
		{
			border:1px solid grey;
		}
		thead, tfoot
		{
			background-color:silver;
		}
	</style>
</head>
<body>
	<form>
		<table>
			<thead>
				<tr>
					<td colspan="6">
						Drag a column header and drop it here to group by that column.
					</td>
				</tr>
				<tr>
					<th>
						Product ID
					</th>
					<th>
						Product Name
					</th>
					<th>
						Unit Price
					</th>
					<th>
						Quantity per unit
					</th>
					<th>
						Units in stock
					</th>
					<th>
						Discountinued
					</th>
				</tr>
				<tr>
					<td>
						<input type="text" size="4"/>
					</td>
					<td>
						<input type="text"/>
					</td>
					<td>
						<input type="text"/>
						<input type="image" width="15" src="images/image_filter.png"/>
					</td>
					<td>
						<input type="text"/>
					</td>
					<td>
						<input type="text"/>
						<input type="image" width="15" src="images/image_filter.png"/>
					</td>
					<td>
						<input type="checkbox"/>
						<input type="image" width="15" src="images/image_filter.png"/>
					</td>
				</tr>
			</thead>
			<tfoot>
				<tr>
					<td colspan="2">
						<input type="image" width="15" src="images/LavaDx0.gif"/>
						<input type="image" width="15" src="images/LavaDw0.gif"/>
						<a href="#">1,</a>
						<a href="#">2,</a>
						<a href="#">3,</a>
						<a href="#">4,</a>
						<a href="#">5,</a>
						<a href="#">6,</a>
						<a href="#">7,</a>
						<a href="#">8,</a>
						<a href="#">9,</a>
						<a href="#">10,</a>
						<a href="#">...</a>
						<input type="image" width="15" src="images/LavaDy0.gif"/>
						<input type="image" width="15" src="images/LavaDz0.gif"/>
					</td>
					<td colspan="2">
						<label for="pageSize">Page Size:</label>
						<select class="pageSize" id="pageSize" style="width:25x">
							<option value="6">6</option>
							<option value="8">8</option>
							<option value="10" selected="selected">10</option>
							<option value="12">12</option>
							<option value="14">14</option>
							<option value="16">16</option>
							<option value="18">18</option>
						</select>
					</td>
					<td colspan="2" style="text-align:right;">
						335104 items in 33511 pages
					</td>
				</tr>
			</tfoot>
			<tbody>
				<tr>
					<td>
						1
					</td>
					<td>
						Chai
					</td>
					<td>
						$18.00
					</td>
					<td>
						10 boxes x 20 bags
					</td>
					<td>
						39
					</td>
					<td>
						<input type="checkbox" disabled="disabled"/>
					</td>
				</tr>
				<tr>
					<td>
						2
					</td>
					<td>
						Chang
					</td>
					<td>
						$19.00
					</td>
					<td>
						24 - 12oz bottles
					</td>
					<td>
						17
					</td>
					<td>
						<input type="checkbox" disabled="disabled"/>
					</td>
				</tr>
				<tr>
					<td>
						3
					</td>
					<td>
						Aniseed Syrup
					</td>
					<td>
						$10.00
					</td>
					<td>
						12 - 550ml bottles
					</td>
					<td>
						13
					</td>
					<td>
						<input type="checkbox" disabled="disabled"/>
					</td>
				</tr>
				<tr>
					<td>
						4
					</td>
					<td>
						Chef Antons's Cajun Seasoning
					</td>
					<td>
						$22.00
					</td>
					<td>
						48 - 6oz jars
					</td>
					<td>
						53
					</td>
					<td>
						<input type="checkbox" disabled="disabled"/>
					</td>
				</tr>
				<tr>
					<td>
						5
					</td>
					<td>
						Chef Anton's Gumbo Mix
					</td>
					<td>
						$21.35
					</td>
					<td>
						36 boxes
					</td>
					<td>
						0
					</td>
					<td>
						<input type="checkbox" checked="checked" disabled="disabled"/>
					</td>
				</tr>
				<tr>
					<td>
						6
					</td>
					<td>
						Grandma's Boysenberry Spread
					</td>
					<td>
						$25.00
					</td>
					<td>
						12 - 8oz jars
					</td>
					<td>
						120
					</td>
					<td>
						<input type="checkbox" disabled="disabled"/>
					</td>
				</tr>
				<tr>
					<td>
						7
					</td>
					<td>
						Uncle Bob's Organic Dry Pears
					</td>
					<td>
						$30.00
					</td>
					<td>
						12 - 1lbs pkgs.
					</td>
					<td>
						15
					</td>
					<td>
						<input type="checkbox" disabled="disabled"/>
					</td>
				</tr>
				<tr>
					<td>
						8
					</td>
					<td>
						Northwoods Cranberry Sauce
					</td>
					<td>
						$40.00
					</td>
					<td>
						12 - 12oz jars
					</td>
					<td>
						6
					</td>
					<td>
						<input type="checkbox" disabled="disabled"/>
					</td>
				</tr>
				<tr>
					<td>
						9
					</td>
					<td>
						Mishi Kobe Niku
					</td>
					<td>
						$97.00
					</td>
					<td>
						18 - 500g pkgs.
					</td>
					<td>
						29
					</td>
					<td>
						<input type="checkbox" checked="checked" disabled="disabled"/>
					</td>
				</tr>
				<tr>
					<td>
						10
					</td>
					<td>
						Ikura
					</td>
					<td>
						$31.00
					</td>
					<td>
						12 - 200ml jars
					</td>
					<td>
						31
					</td>
					<td>
						<input type="checkbox" disabled="disabled"/>
					</td>
				</tr>
			</tbody>
		</table>
	</form>
</body>
</html>